<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我的购物车</title>
	<link rel="stylesheet" type="text/css" href="css/cart.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<script src="js/require/require.js" data-main="js/cart/cart"></script>
</head>
<body>
	
<!--头部公共部分-->


<div id="top">
	<div id="top_con">
		<ul id="top_l">
			<li class="li1"></li>
			<li><a href="" title="果酷-极致水果体验">收藏果酷</a></li>
		</ul>
		<ul id="top_r">
			<li>
				<img src="images/index/login_icon.jpg" alt="" />
				<a class="dlyh" href="javascript:"></a>
				<a class="denglu" href="javascript:;"></a>
				<a class="tuichu" href="javascript:"></a>
			</li>
			<li>
				<img src="images/index/register_icon.jpg" alt="" />
				<a href="enroll.html">免费注册</a>
			</li>
			<li>
				<img src="images/index/order_icon.jpg" alt="" />
				<a href="">我的订单</a>
			</li>
			<li>
				<img src="images/index/city_icon.jpg" alt="" />
				<span>北京市</span>
			</li>
		</ul>
	</div>
	<div id="top_nav">
		<div id="top_nav_con">
			<div id="top_nav_l">
				<h1><a href="index.html"></a></h1>
			</div>
			<div id="top_nav_c">
				<form action="">
					<input type="text" />
					<a href=""></a>
				</form>
				<ul>
					<li id="home"><a href="index.html">HOME</a></li>
					<li id="sales"><a href="">SALES</a></li>
					<li id="activity"><a href="">ACTIVITY</a></li>
					<li id="sale"><a href="">SALE</a></li>
					<li id="taste"><a href="">TASTE</a></li>
					<li id="platform"><a href="">PLATFORM</a></li>
					<li id="about"><a href="">ABOUT</a></li>
				</ul>
			</div>
			<div id="top_nav_r">
				<div class="top">
					<a href="" class="cart"></a>
					<a href="cart.html">我的购物车</a>
				</div>
				<div class="bom">400-6900-621</div>
			</div>
		</div>
	</div>
</div>


<!--登录块-->

<div id="login">
	<div class="login_box">
		<div class="login_top">
			<p class="login_top_zh">账号密码登录</p>
			<p>|</p>
			<p class="login_top_sj">手机验证码登录</p>
			<span class="guanbi"></span>
		</div>
		<!--账号密码登录-->
		<ul class="login_zh">
			<li class="login_zh_li">用户名/已验证手机</li>
			<li class="login_zh_inp">
				<input type="text" name="" id="login_zh_name" value="" />
				<p class="zh_bnwk">不能为空</p>
			</li>
			<li class="login_zh_li">密码</li>
			<li class="login_zh_inp">
				<input type="password" name="" id="login_zh_pwd" value="" />
				<p class="mm_bnwk">不能为空</p>
			</li>
			<li>
				<a href="">忘记密码？</a>
				<a href="enroll.html">点击注册</a>
			</li>
			<li>
				<button id="login_zh_btn">登录</button>
			</li>
		</ul>
		<!--手机验证码登录-->
		<ul class="login_sj">
			<li class="login_sj_li">已验证手机</li>
			<li class="login_sj_inp">
				<input type="text" name="" id="login_sj_name" value="" />
				<p class="sjzh_bnwk">不能为空</p>
			</li>
			<li class="login_box_right">
				<div class="login_box_bg">
					
				</div>
				<div class="login_box_txt">
					拖动滑块验证
				</div>
				<div class="login_box_hd">
					
				</div>
				<p class="yzm_bnwk">为了您的账户安全，请拖动滑块完成验证。</p>
			</li>
			<li class="login_sj_li">验证码</li>
			<li class="login_sj_inp">
				<input type="password" name="" id="login_sj_pwd" value="" />
				<p class="sjmm_bnwk">不能为空</p>
				<a href="">获取短信验证码</a>
			</li>
			<li>
				<a href="">忘记密码？</a>
				<a href="enroll.html">点击注册</a>
			</li>
			<li>
				<button id="login_sj_btn">登录</button>
			</li>
		</ul>
	</div>
</div>


<!--中间部分-->

<div id="cart">
	<div class="cart_top">
		<p>我的购物车</p>
	</div>
	<div class="cart_content">
		<ul>
			<li class="cart_inp">
				<input type="checkbox" checked="checked" name="" id="" value="" />
			</li>
			<li class="cart_qx">全选</li>
			<li class="cart_spxx">商品信息</li>
			<li class="cart_scj">市场价（元）</li>
			<li class="cart_dj">单价（元）</li>
			<li class="cart_sl">数量</li>
			<li class="cart_je">金额（元）</li>
			<li class="cart_cz">操作</li>
		</ul>
		<div class="cart_list">
			<ol>
				<li>购物车空空的哦，去看看心仪的商品吧~ <a href="index.html">去购物</a></li>
			</ol>
		</div>
		<ul class="cart_bom">
			<li class="cart_inp">
				<input type="checkbox" checked="checked" name="" id="" value="" />
			</li>
			<li class="cart_qx2">全选</li>
			<li class="cart_sc">
				<a href="">删除</a>
			</li>
			<li class="cart_btn">结算</li>
			<li class="cart_zjg">￥0.00</li>
			<li class="cart_zj">总计（不含运费）</li>
			<li class="cart_yxsp">
				<p>已选商品<span>0</span>件</p>
			</li>
		</ul>
	</div>
</div>





<!--底部公共部分-->

<div class="footer">
	<div>
		<img src="images/index/foot_logo.jpg"/>
	</div>
	<div class="ft_child">
		<div class="ft_left">
			<div class="ft_left_one">
				<img src="images/index/address_icon.jpg"/>
				<p>总部地址：<span>北京市朝阳区广渠路11号金泰国际大厦B座 果酷</span></p>
			</div>
			<div class="ft_left_two">
				<img src="images/index/phonef_icon.jpg"/>
				<p>预订电话：<span>400-6900-621</span></p>
				<p>微信公众号：<span>Guocool621</span></p>
				<p>官方微博号：<span>@果酷Guocool</span></p>
			</div>
			<div class="ft_left_three">
				<img src="images/index/servicea_icon.jpg"/>
				<p>在线客服</p>
				<p>北京 上海 深圳 杭州</p>
				<img class="weixin_icon" src="images/index/weixin_icon.jpg"/>
				<img class="sina_icon" src="images/index/sina_icon.jpg"/>
			</div>
		</div>
		<div class="ft_right">
			<ul>
				<li>
					<img src="images/index/guide_icon.jpg" alt="" />
					<ol>
						<h5>新手指南 NEWBIT GUIDE</h5>
						<li>用户注册</li>
						<li>购物流程</li>
						<li>订购方式</li>
						<li>会员等级</li>
					</ol>
				</li>
				<li>
					<img src="images/index/partner_icon.jpg"/>
					<ol>
						<h5>合作伙伴 COOPERATE</h5>
						<li>滴滴出行</li>
						<li>网易 优酷</li>
						<li>易果生鲜</li>
						<li>58同城</li>
					</ol>
				</li>
				<li>
					<img src="images/index/service_icon.jpg"/>
					<ol>
						<h5>售后服务 AFTER SERVICE</h5>
						<li>退换货政策</li>
						<li>退换货流程</li>
						<li>常见问题</li>
						<li>投诉与建议</li>
					</ol>
				</li>
				<li>
					<img src="images/index/aboutus_icon.jpg"/>
					<ol>
						<h5>关于我们 ABOUT US</h5>
						<li>我们是谁</li>
						<li>发展历程</li>
						<li>联系我们</li>
						<li>加入我们</li>
					</ol>
				</li>
				<li>
					<img src="images/index/activity_icon.jpg"/>
					<ol>
						<h5>项目活动 PROGRAMMES</h5>
						<li>试吃活动</li>
						<li>试吃报名</li>
						<li>企业活动</li>
						<li>活动定制</li>
					</ol>
				</li>
				<li>
					<img src="images/index/delivery_icon.jpg"/>
					<ol>
						<h5>配送方式 SHIPPING METHODS</h5>
						<li>配送运费</li>
						<li>配送时间</li>
						<li>配送范围</li>
					</ol>
				</li>
			</ul>
		</div>
	</div>
	<div class="ft_bom">
		<p>所有图片均受著作权保护，未经许可任何单位不得使用、复制、转载、摘编，违者必究法律责任。</p>
		<p>CopyRight 2010-2017，果酷网 版权所有 蜀ICP备10033495号<img src="images/index/pic.gif" alt="" /></p>
	</div>
</div>
</body>
</html>
